<template>
  <div class="content">
    <uv-cell-group :border="false">
      <uv-cell :border="false" title="账号与安全" isLink url="/packagePages/my/accountSecurity">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/7abe57b66afc8f8ac0a23de347b15b9e.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" url="/packagePages/my/messageNotification" title="消息通知设置" isLink>
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/2b9ec1e0def62f2ababedcc92016a5b0.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="隐私设置" isLink url="/packagePages/my/privacyManagement">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/ae07c2b873d0c65abb119d2cc5a52f21.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="屏蔽管理" isLink url="/packagePages/my/blockManage">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/ae07c2b873d0c65abb119d2cc5a52f21.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="我的认证" isLink url="/packagePages/my/myAuth">
        <template v-slot:icon>
          <uv-image src=" https://oss.seenlove.com/images/f5598e4a374028c42e1b52c766c13aaf.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="匹配设置" isLink url="/packagePages/my/matching">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/9cdeb25a4306f9e2479bcb87247cc5ab.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="帮助与客服" isLink>
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/92d423d6f084bd3ce36a96c157e539e5.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="关于瞬联" isLink url="/packagePages/my/aboutUs">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/7882df0fa64bba7032244aea02017fae.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="意见反馈" isLink url="/packagePages/my/feedBack">
        <template v-slot:icon>
          <uv-image src=" https://oss.seenlove.com/images/7eab11cec62b90178f6c4a1710bed9bf.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="使用规范" isLink>
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/098dccdd1811030cee3676f08627156f.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="信息安全说明" isLink url="/packagePages/my/parse?code=information_security">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/778d9aba0fbacc9040811a41502e1889.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="定向推送">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/024e0be3d7ebf8d4538bb4a8f5dee0ed.png" width="18px" height="18px"></uv-image>
        </template>
        <template v-slot:value>
          <uv-switch v-model="value" size="18" activeColor="#9E06FF"></uv-switch>
        </template>
      </uv-cell>
      <uv-cell :border="false" title="退出登录" isLink @click="toLogout">
        <template v-slot:icon>
          <uv-image src="https://oss.seenlove.com/images/280bdf21cd9a53511a79c03055318dc4.png" width="18px" height="18px"></uv-image>
        </template>
      </uv-cell>
    </uv-cell-group>
  </div>
</template>

<script setup lang="ts">
const { proxy } = getCurrentInstance();
import useCounterStore from "@/stores/counter";
const counter = useCounterStore();

async function toLogout() {
  let resp = await proxy.$utils.showModal({
    content: "确定要推出登录?",
    confirmText: "确定",
    confirmColor: "#9F06FF",
  });
  if (!resp) return;
  await proxy.$apis.logout();
  proxy.$utils.showToast("退出登录成功");
  counter.logOut();
}
</script>

<style lang="scss" scoped>
.content {
}
</style>
